<template>
  <view v-if="show" class="tz-safe-bottom"> </view>
</template>
<script>
import Taro from "@tarojs/taro";
import { ref } from "vue";
export default {
  name: "TzSafeBottom",
  inheritAttrs: false,
  emits: ["click"],
  setup() {
    const show = ref(false);
    //判断是否是iphone x 以上手机
    const { model, screenHeight } = Taro.getSystemInfoSync();
    if (model.includes("iPhone") && screenHeight >= 750) {
      show.value = true;
    }

    return { show };
  },
};
</script>
<style>
.tz-safe-bottom {
  width: 100%;
  height: 34px;
  line-height: 34px;
  flex: none;
}
</style>
